.footer__title, .footer__author{
    font-size: var(--size-xs);
    font-weight: 400;
    text-align: center;
    color: var(--clr-slate600);
    letter-spacing: 0.2em;
    user-select: none;
}

/* xs */
@media (min-width: 475px){
    .footer__title, .footer__author{
        font-size: var(--size-s);
    }
}

/* sm */
/* @media (min-width: 640px){} */

/* md */
/* @media (min-width: 768px){} */

/* lg */
@media (min-width: 1024px){
    .footer__title, .footer__author{
        font-size: var(--size-base);
    }
}

/* xl */
/* @media (min-width: 1280px){} */

/* 2xl */
/* @media (min-width: 1536px){} */